<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="pragma" content="no-cache">
<title>天小天个人网-首页</title>
<link rel="shortcut icon " type="images/x-png" href="../../public/pic/icon.png">
<link href="../css/index.css" type="text/css" rel="stylesheet">
<link href="../css/bannarstyle.css" type="text/css" rel="stylesheet">
<link href="../../public/bs/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="../../public/bs/js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="../../public/bs/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>
</head>

<body>
	<nav class="navbra navbar-default" >
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../model/index.php" class="navbar-brand nav-title">
                天小天个人网
            </a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="../model/index.php">首页</a></li>
                <li class=""><a href="../model/resume.php">个人简历</a></li>
                <li class=""><a href="../model/dynamic.php">我的动态</a></li>
                <li class=""><a href="../model/web.php">web技术</a></li>
                <li class=""><a href="../model/index.php">网站协会</a></li>
                <li class=""><a href="../model/comment.php">给我留言</a></li>
                <li class=""><a href="../model/login.php?a=logout"><?php echo $login ?></a></li>
                <li>
                    <a href="<?php echo $herf ?>">
                        <img src="<?php echo $photo ?>" style="width:20px;height:20px;" class="img-circle">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    </nav>
    <div class="container-fluid">
      <section class="pc-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide swiper-slide-center none-effect">
                    <a href="../model/index.php">
                        <img src="../pic/b5.png">
                    </a>
                    <div class="layer-mask"></div>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../pic/b1.png">
                    </a>
                    <div class="layer-mask"></div>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../pic/b2.png">
                    </a>
                    <div class="layer-mask"></div>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../pic/b3.png">
                    </a>
                    <div class="layer-mask"></div>
                </div>
                <div class="swiper-slide">
                    <a href="#">
                        <img src="../pic/b4.png">
                    </a>
                    <div class="layer-mask"></div>
                </div>
            </div>
            <div class="button">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </section>
</div>
<script type="text/javascript" src="../js/swiper.min.js"></script>
<div class="dynamic container">
    <div class="dy_left  col-md-6">
        <h2>关于</h2>
        <p>&nbsp;&nbsp;你可以叫我天小天，一个天然呆自然萌的名字，妥妥的湖南90后,小男生一枚。眼光独特脑洞大执行力强，喜欢装文艺喜欢异想天开。</p>
        <div class="dy_lf-text col-md-12">
            <div class="col-md-2"><span class="glyphicon glyphicon-user pull-left"></span></div>
            <div class="col-md-8">
                <h4>所学专业：</h4>
                <p>计算机网络技术-网站建设与管理方向,个人对web开发有自己到见解和想法，除教学内容外课余时间自学各类框架和流行web技术。</p>
            </div>
        </div>
        <div class="dy_lf-text col-md-12">
            <div class="col-md-2"><span class="glyphicon glyphicon-heart pull-left"></span></div>
            <div class="col-md-8">
                <h4>个人爱好：</h4>
                <p>篮球，吉他，看书，喝茶，看电影，写代码，音乐节，交朋友。</p>
            </div>
        </div>
    </div>
    <div class="dy_right col-md-6">
        <img src="../../public/pic/mehead.jpg" height="300px" class="center-block">
        <a href="../model/resume.php"><button class="btn center-block">更多展示</button></a>
    </div>
</div>
<div class="dynamic1 container">
    <div class="col-md-12 dy1_all">
       <?php foreach($dy1data as $v){ ?>
       <a href="dynamic.php">
       <div class="dy1_text col-xs-12">
           <div class="pull-left col-sm-4 dy1_text-lf">
               <img src="../../upload/dynamic1/dy1_<?php echo $v['dy1id'] ?>.jpg" width="100%"> 
           </div>     
           <div class="col-sm-8 dy1_text-rt">
               <h4><?php echo $v['dy1time'] ?></h4>
               <p><?php echo $v['dy1text'] ?></p>
           </div>
       </div>
       </a>    
       <?php $i++; if($i==3){break;}?>
       <?php } ?>
    </div>
</div>
<div class="container-fluid">
        <a href="dynamic.php">
            <div class="dyphoto col-xs-6 col-md-3">
                <img src="../../public/pic/life.jpg" width="100%" />
                <p class="text-center h4">生活</p>
            </div>
        </a>
        <a href="dynamic.php">
        <div class="dyphoto col-xs-6 col-md-3">
            <img src="../../public/pic/study.jpg" width="100%" />
            <p class="text-center h4">学习</p>
        </div>
        </a>
        <a href="dynamic.php">
            <div class="dyphoto col-xs-6 col-md-3">
                <img src="../../public/pic/myself.jpg" width="100%" />
                <p class="text-center h4">自己</p>
            </div>
        </a>
        <a href="dynamic.php">
            <div class="dyphoto col-xs-6 col-md-3">
                <img src="../../public/pic/other.jpg" width="100%" />
                <p class="text-center h4">其他</p>
            </div>
        </a>    
</div>
<div class="tab-all container-fluid">
    <ul class="tab-top col-md-12" style="margin-bottom: 0px;">
        <li class="col-xs-6 tab-bt_before" style="border-left:2px solid #FFDE3A;border-top:2px solid #FFDE3A;border-right:2px solid #FFDE3A;">前端技术</li>
        <li class="col-xs-6 tab-bt_after"  style="border: 2px solid #eee;">后端技术</li>
    </ul>
    <div class="tab-bottom col-md-12">
        <div class="tab-before">
            <ul class="">
              <?php foreach($web1data as $v){?>    
              <a href="web.php"><li>
                  <h4><?php echo $v['webtitle']; ?></h4>
                  <p><span>作者：天小天</span>&nbsp;&nbsp;<span><?php echo $v['webtime']; ?></span></p>
              </li></a>
                <?php $iii++; if($iii==4){break;}?>
              <?php } ?>  
            </ul>
        </div>
        <div class="tab-after">
            <ul class="">
              <?php foreach($web2data as $v){?>    
              <a href="web.php"><li>
                  <h4><?php echo $v['webtitle']; ?></h4>
                  <p><span>作者：天小天</span>&nbsp;&nbsp;<span><?php echo $v['webtime']; ?></span></p>
              </li></a>
                <?php $iii++; if($iii==4){break;}?>
              <?php } ?>  
          </ul>
        </div>
    </div>
</div>
<div class="jumbotron Association" style="background: #fff;">
    <div class="container">
        <h3>长沙民政职业技术学院-软件学院 网站管理协会</h3>    
        <p>我是网站协会2018级会长，我希望大家能通过我的这个方式，更加全面更加直观的认识这个充满活力的、拥有极强专业水准的组织！</p>
        <p><a href="#" class="btn btn-default">快速进入</a></p>                
    </div>
</div>
<div class="container-fluid Copyright">
    <ul class="">
        <li>天小天2018版权所有© 网站图片、视频等未经允许请勿转载</li>
        <li>通讯地址:湖南长沙市雨花区 QQ：1139246375 邮编:410004</li>
        <li><a target="_blank" href="http://www.miitbeian.gov.cn/">湘ICP备18008856号</a></li>
        <li><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43011102001726" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
      	<img src="../../public/pic/备案图标.png" style="float:left;"/>
        湘公网安备 43011102001726号
        </a></li>
        <li>本网页资源仅用于个人使用，不用于商业用途</li>
    </ul>
</div>
</body>
<script type="text/javascript">
	window.onload = function() {
		var swiper = new Swiper('.swiper-container',{
			autoplay: true,
			speed:4000,
			autoplayDisableOnInteraction: true,
			loop: true,
			centeredSlides: true,
			slidesPerView:2,
			pagination: '.swiper-pagination',
			paginationClickable: true,
			prevButton: '.swiper-button-prev',
			nextButton: '.swiper-button-next',
			onInit: function(swiper) {
				swiper.slides[2].className = "swiper-slide swiper-slide-active";
			},
			breakpoints: {
				668: {
					slidesPerView:1,
				}
			}
		});
	}
</script>
</html>